<template>
  <div class="lcds-root-container">
    <div>
      <div class="lc-form" style="--formItemSpace: 150px">
        <el-form
          ref="formRef"
          :model="formModel"
          :rules="rules"
          :disabled="status === 'preview'"
          label-width="120px"
        >
          <lc-rower>
            <el-form-item class="lc-form-item" label="订单编码22" prop="orderCode">
              <div class="lc-form-item__box">
                <el-input class="lc-input" v-model="formModel.orderCode" placeholder="请输入">
                </el-input>
              </div>
            </el-form-item>
            <el-form-item class="lc-form-item" label="订单名称11111" prop="orderName">
              <div class="lc-form-item__box">
                <el-input class="lc-input" v-model="formModel.orderName" placeholder="请输入">
                </el-input>
              </div>
            </el-form-item>
          </lc-rower>
          <lc-rower>
            <el-form-item class="lc-form-item" label="订单金额" prop="orderAmount">
              <div class="lc-form-item__box">
                <lc-input-amount
                  class="lc-input-amount"
                  v-model="formModel.orderAmount"
                  :maxDecimalDigits="2"
                  :maxIntegerDigits="15"
                  :clearable="false"
                  placeholder="请输入"
                >
                </lc-input-amount>
              </div>
            </el-form-item>
            <el-form-item class="lc-form-item" label="订单商品数量" prop="orderGoodsCount">
              <div class="lc-form-item__box">
                <el-input-number
                  class="lc-input-number"
                  v-model="formModel.orderGoodsCount"
                  :controls="true"
                  placeholder="请输入"
                ></el-input-number>
              </div>
            </el-form-item>
          </lc-rower>
          <lc-rower>
            <el-form-item class="lc-form-item" label="创建时间" prop="createTime">
              <div class="lc-form-item__box">
                <el-date-picker
                  class="lc-date-time-picker"
                  v-model="formModel.createTime"
                  placeholder="请选择日期时间"
                  type="datetime"
                  format="YYYY-MM-DD HH:mm:ss"
                  valueFormat="YYYY-MM-DD HH:mm:ss"
                >
                </el-date-picker>
              </div>
            </el-form-item>
            <el-form-item class="lc-form-item" label="更新人id" prop="updateBy">
              <div class="lc-form-item__box">
                <el-input-number
                  class="lc-input-number"
                  v-model="formModel.updateBy"
                  :controls="true"
                  placeholder="请输入"
                ></el-input-number>
              </div>
            </el-form-item>
          </lc-rower>
          <lc-rower>
            <el-form-item class="lc-form-item" label="更新时间" prop="updateTime">
              <div class="lc-form-item__box">
                <el-date-picker
                  class="lc-date-time-picker"
                  v-model="formModel.updateTime"
                  placeholder="请选择日期时间"
                  type="datetime"
                  format="YYYY-MM-DD HH:mm:ss"
                  valueFormat="YYYY-MM-DD HH:mm:ss"
                >
                </el-date-picker>
              </div>
            </el-form-item>
          </lc-rower>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script setup>
import { ref } from 'vue';

defineOptions({
  name: 'CollapsePanel01'
});

const emit = defineEmits(['submit']);

const formModel = ref({
  orderCode: '',
  orderName: '',
  orderAmount: '',
  orderGoodsCount: '',
  createTime: '',
  updateBy: '',
  updateTime: ''
});
const formRef = ref(null);
const rules = ref({});
</script>
